<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<title>猎舞网</title>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
		<meta name="description" content="Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.">
		<link rel="stylesheet" href="__PUBLIC__static/lib/weui.min.css">
		<link rel="stylesheet" href="__PUBLIC__static/css/jquery-weui.css">
		<link rel="stylesheet" href="__PUBLIC__static/css/style.css">
		<style type="text/css">
			.wy-header-title {
				position: relative;
				width: 100%;
				height: 56px;
				background-color: black;
				margin-left: -2px;
			}
			
			.backw {
				position: absolute;
				width: 30px;
				top: 25%;
				left: 9px;
			}
			
			.wy-header-title span {
				font-family: FZLTZHK;
				font-size: 22px;
				color: #FFFFFF;
				line-height: 56px;
			}
			
			.inputbox {
				position: relative;
				width: 95%;
				height: 40px;
				border-bottom: 1px solid #CCCCCC;
				margin-left: 5%;
				margin-top: 10%;
				font-size: 16px;
			}
			
			.inputbox img {
				width: 24px;
				margin-right: 10px;
			}
			
			.checkbox {
				position: relative;
				width: 95%;
				height: 40px;
				border-bottom: 1px solid #CCCCCC;
				margin-left: 5%;
				margin-top: 5%;
				font-size: 16px;
			}
			
			.checkbox img {
				width: 24px;
				margin-right: 10px;
			}
			
			.checkbox select {
				width: 85px;
				float: right;
				margin-right: 5%;
				font-family: simhei[Regular];
				border: none;
				color: #333333;
				font-size: 17px;
				-webkit-appearance: none;
				/*去除chrome浏览器的默认下拉图片*/
				-moz-appearance: none;
				/*去除Firefox浏览器的默认下拉图片*/
				background-image: url(__PUBLIC__static/images/icon-more.png);
				background-repeat: no-repeat;
				background-position: right;
			}
			
			.secbox {
				position: relative;
				margin-top:60px;
			}
			.threebox{
				position: relative;
				margin-top:60px;
			}
			.fourbox{
				position: relative;
				margin-top:60px;
			}
			.thinkjobbox {
				position: relative;
				margin-top: 40px;
			}
			
			.box {
				position: relative;
				width: 95%;
				margin-left: 5%;
				margin-top: 5%;
				font-size: 16px;
			}
			
			.box img {
				width: 24px;
				margin-right: 10px;
			}
			
				textarea {
				position: absolute;
				width: 95%;
				top: 50px;
				left: 0px;
				height: 180px;
				background-color: #F7F7FA;
			}
			.submit{
				width: 90%;
				margin-left: 5%;
				margin-top: 250px;
				margin-bottom: 100px;
               background:url("__PUBLIC__static/images/queding.png") no-repeat;
              background-size:100%;
               border: none;
               height:70px;
			}
		</style>

	</head>

	<body ontouchstart style="background-color: white">
		<!--主体-->
		<header class="wy-header">
			<div class="wy-header-icon-back"><span></span></div>
			<div class="wy-header-title">
				<img class="backw" src="__PUBLIC__static/images/backwhite.png" alt="" />
				<span>发布招聘</span>
			</div>
		</header>
		<!--//主体-->
		<div id="body">
			<div class="inputbox">
				<img src="__PUBLIC__static/images/qianbi.png" />
				<label>岗位名称</label>
				<input id="jobname" type="text" />
			</div>
			<div class="secbox">
				<div class="checkbox">
					<img src="__PUBLIC__static/images/qianbi.png" />
					<label>岗位薪资</label>
					<select id="jobsalary">
						<option>1K-2K</option>
						<option>2K-3K</option>
						<option>3K-4K</option>
						<option>4K-5K</option>
						<option>5K-6K</option>
						<option>6K-7K</option>
						<option>7K-8K</option>
						<option>8K-9K</option>
						<option>9K-1W</option>
						<option>1W以上</option>
					</select>
				</div>
				<div class="checkbox">
					<img src="__PUBLIC__static/images/qianbi.png" />
					<label>招聘人数</label>
					<select id="jobrenshu">
						<option>1</option>
						<option>2</option>
						<option>3</option>
						<option>4</option>
						<option>5</option>
						<option>6</option>
						<option>7</option>
						<option>8</option>
						<option>9</option>
						<option>10</option>

					</select>
				</div>
			</div>
			<div class="threebox">
				<div class="checkbox">
					<img src="__PUBLIC__static/images/qianbi.png" />
					<label>截至日期</label>
					<!--<select id="date">-->
						<!--<option>2018/6</option>-->
						<!--<option>2018/5</option>-->
					<!--</select>-->
					<input type="text" id="date3" data-options="{'type':'YYYY-MM-DD hh:mm','beginYear':2010,'endYear':2088}" style="width:166px;height:19px;">
				</div>
			</div>
			<div class="fourbox">
				<div class="checkbox">
					<img src="__PUBLIC__static/images/qianbi.png" />
					<label>类型</label>
					<select id="jobtype">
						<option>全职</option>
						<option>兼职</option>
					</select>
				</div>
			</div>
			<div class="thinkjobbox">
				<div class="box">
					<img src="__PUBLIC__static/images/qianbi.png" />
					<label>职位描述</label>
					<textarea id="aboutjob"></textarea>
				</div>
			</div>
			<input class="submit" type="button"/>
		</div>

		<script src="__PUBLIC__static/lib/jquery-2.1.4.js"></script>
		<script src="__PUBLIC__static/lib/fastclick.js"></script>
		<script type="text/javascript" src="__PUBLIC__static/js/jquery.Spinner.js"></script>
		<script src="__PUBLIC__static/js/jquery-weui.js"></script>
		<script src="__PUBLIC__static/js/jquery.date.js"></script>
		<script type="text/javascript">


			$.date('#date3');

			$(".backw").on("click", function() {
				window.history.back(-1);
			});
			$(".submit").on("click", function() {
				$.ajax({
					type: 'POST',
					url: "addzhaop",
					data: {
						jobname: $("#jobname").val(),
						money: $("#jobsalary").val(),
						renshu: $("#jobrenshu").val(),
						date: $("#date3").val(),
						jobtype: $("#jobtype").val(),
						aboutjob: $("#aboutjob").val()
					},
					dateType: "json",
					success: function(xhr) {
						switch(xhr.status) {
							case 1:
								alert(xhr.message);
								window.location.href = "../../company/Content/index";
								break;
							case 0:
								alert(xhr.message);
								break;
							case -1:
								alert(xhr.message);
								break;
						}
					}
				})
			});
		</script>
	</body>

</html>